@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
        'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overscroll-behavior: none;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

html > body {
    /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
        Arial, sans-serif; */
    /* padding: 0; */
    margin: auto;
}

html[data-theme='dark'] {
    .ToolBar {
        background-color: rgb(40, 40, 40);
    }

    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: transparent;
        border-radius: 6px;
    }
    ::scrollbar {
        width: 6px;
        height: 6px;
        background-color: transparent;
        border-radius: 6px;
    }
    ::-webkit-scrollbar:hover {
        background-color: #333333;
    }
    ::scrollbar:hover {
        background-color: #333333;
    }
    ::-webkit-scrollbar-thumb {
        background-color: #b1b1b1;
        border-radius: 6px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background-color: #8c8c8c;
    }
    ::-webkit-scrollbar-track {
        border-radius: 6px;
    }
    ::-webkit-scrollbar-button {
        display: none;
    }

    a {
        color: #fff;
    }
}

html[data-theme='light'] {
    .ToolBar {
        background-color: #fff;
    }

    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: transparent;
        border-radius: 6px;
    }
    ::scrollbar {
        width: 6px;
        height: 6px;
        background-color: transparent;
        border-radius: 6px;
    }
    ::-webkit-scrollbar:hover {
        background-color: #f5f5f5;
    }
    ::scrollbar:hover {
        background-color: #f5f5f5;
    }
    ::-webkit-scrollbar-thumb {
        background-color: #c6c6c6;
        border-radius: 6px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background-color: #a0a0a0;
    }
    ::-webkit-scrollbar-track {
        border-radius: 6px;
    }
    ::-webkit-scrollbar-button {
        display: none;
    }

    a {
        color: #333;
    }
}

.App {
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}
